<template>
    <div class="footer" :style="{opacity:opacity}" ref="footerbox">
        <div class="footer_font" @click="openCard(title)">
           {{title == 1 ? '商户中心' : '核销记录'}}
        </div>
    </div>
</template>
<script>
export default {
    props:{
        opacity:{
            type:String,
            default:'1'
        },
        title: {
            type: String,
            default: '2'
        }
    },
    mounted () {

    },
    data(){
        return{
            
        }
    },
    
    methods: {
        openCard (type) {
            this.$emit('into')
            // if (type == 1) {
            //     this.$router.push({
            //         path:'/'
            //     })    
            // } else if (type == 2) {
            //     this.$router.push({
            //         path:'/Login'
            //     }) 
            // }          
        },
        getHeaderHeight () {
            if (this.$refs.footerbox) {
                return this.$refs.footerbox.offsetHeight
            } else {
                return 0
            }
        },
    }
}
</script>
<style lang="">
    .footer{
        box-sizing: border-box;
        height: 248px;
        width: 100%;
        line-height: 248px;
        background-color: #231815;
        position: fixed;
        bottom: 0px;
        background-image: url(../../assets/activeCard.png);
        background-repeat:no-repeat;
        background-position:53px center;
        background-size: 599px 146px;
    }
    .footer_font{
        float: right;
        margin-top: 0px;        
        margin-right: 79px;
        color: #FFFFFF;
        font-size: 72px;
    }
</style>